@charset "utf-8";
/* CSS Document */

 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}


/*1320屏幕*/

@media (min-width: 1320px) {
    .container{width: 1320px;}
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;}

/*top*/
.top_nav{ background:#efefef; color:#FFF; line-height:34px;overflow-x:hidden}

.top_nav .wz2{ padding:0 10px; border-left:1px solid #b5b5b5}
.top_nav .wz2 i{ color:#c8c8c8}
.top_nav .wz2 a{ color:#393939; font-size:12px;}
.top_nav .wz3{ padding:0 10px; border:1px solid #b5b5b5; border-top:none; border-bottom:none}
.top_nav .wz3 i{ color:#c8c8c8}
.top_nav .wz3 a{ font-size:13px; color:#393939}

.w_bq{ color:#393939}
.wz{ text-align:right}


/*top*/
.top{z-index:9999;width:100%;padding:0px 0 10px;}
.top .logo{width:549px;float:left; padding-top:18px;}
.top .logo img{width:100%; padding-top:10px;} 
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_txt{padding:18px 0 16px 13px;line-height:32px;float:left;font-size:18px;color:#5f5f5e;}
.top .top_right{margin:10px 0 7px;float:right;background:url(top_phonebg.jpg) no-repeat 107px top;padding:15px 0 20px;}
.top .top_right .top_phone{background:url(topphone.jpg) no-repeat left top;padding-left:40px;background-size:auto 100%;}
.top .top_right .top_phone p{margin:0;font-size:15px;color:#393939;line-height:24px;font-weight:bold;vertical-align:middle;text-align:right;}
.top .top_right .top_phone p span{color:#0c0c0c;font-size:22px;vertical-align:middle;}
.top .top_right .top_phone p:nth-child(2) span{letter-spacing:0.6px;}
.top .top_right .top_phone p:last-child{padding-left:106px;}

.topfix{ position:fixed; top:0; left:0; z-index:100000}
/*nav*/
#navbg{background:url(../images/nav.png) repeat-x; width:100%; transition:0.4s}
#navbg .nav{}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;width:11.11%;height:64px;line-height:64px;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}
#navbg .nav .firstfloor>li>a{display:block;height:64px;width:100%;color:#FFF;}
#navbg .nav .firstfloor>li:hover{ background:url(../images/nav_h.png) repeat-x;}
#navbg .nav .firstfloor>li:hover:before{background:#3998DF;}
#navbg .nav .firstfloor>li:hover>a{color:#ffffff;}
#navbg .nav .secondfloor{position:absolute;left:0;top:64px;z-index:9999;display:none;background:#FFF;width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:50px;height:50px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor li a:hover{background:#0e4cf6;color:#FFF;}

/*mobilehead*/
#mobilehead{height:70px;width:100%;background:url(../images/logo.jpg) no-repeat 10px center #FFF;display:none;background-size:auto 50px;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 104px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:104px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* 响应式样式结束 */






/*产品展示*/
.cpzs{padding-bottom:30px; overflow:hidden}
.cpzs .cpzs_bt{ padding:50px 0 25px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:39px; color:#d9d9d9; font-weight:bold;}
.cpzs .cpzs_bt .fwxm_bt2{ font-size:36px; color:#000000; font-weight:bold;  padding:0px 0;}
.cpzs .cpzs_bt .fwxm_bt3 img{ max-width:100%; margin:10px 0}

@media (max-width : 1200px) {
.cpzs .cpzs_bt .fwxm_bt2{ background:none}
}



@media (max-width : 768px) {
.cpzs .cpzs_bt{ padding:25px 0 25px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:18px;color:#d9d9d9; font-weight:bold;}
.cpzs .cpzs_bt .fwxm_bt2{ font-size:24px; color:#000000; font-weight:bold;  padding:0px 0;}
.cpzs .cpzs_bt .fwxm_bt3 img{ max-width:100%; margin:5px 0}
}

.cpfl{ margin:20px auto;}
.cpfl ul li{ float:left; width:19%; line-height:53px; text-align:center; background:#dcdcdc; display:block; margin-left:1%; margin-top:1%;transition-duration: 0.3s;}
.cpfl ul li a{ display:block; color:#000000; font-size:18px;transition-duration: 0.3s;}
.cpfl ul li:hover{ background:#fd1100}
.cpfl ul li:hover a{ color:#FFF}
.cpfl .boxdown{ color:#ffffff; font-size:18px; cursor:pointer; background:url(../images/li1.png) no-repeat 20px center,url(../images/li2.png) no-repeat 80% center,#fd1100 ;float:left; width:16%; line-height:60px; text-align:center;  display:block; margin-left:0.6%; margin-top:1%;transition-duration: 0.3s;}

.cpfl .up{ color:#ffffff; font-size:18px; cursor:pointer; background:url(../images/li1.png) no-repeat 20px center,url(../images/li3.png) no-repeat 80% center,#fd1100 ;float:left; width:16%; line-height:60px; text-align:center;  display:block; margin-left:0.6%; margin-top:1%;}



 .product_left{width:100%; margin-top:5px;}
 .product_left .pl_top{width:130px;height:50px;background:#fd1100;float:left}
 .product_left .pl_top p{color:#FFF;font-size:15px;line-height:50px;text-align:center;}
 .product_left .pl_ul{width:calc(100% - 180px);float:left;height:50px;position:relative;}
 .product_left .pl_ul .first_li{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;font-size:13px;}
 .product_left .pl_ul .ul_li{width:calc(100% + 50px);position:absolute;top:50px;left:0;background:#F00;display:none;z-index:20;border-top:1px solid #D0D0D0;}
 .product_left .pl_ul .ul_li a{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;border-bottom:1px solid #D0D0D0;font-size:13px;}
 .product_left .pl_right{width:50px;height:50px;background:#e6e6e6;background-size:auto 50%;float:right;}
 .product_left .pl_right i{display:block;width:100%;height:100%;background:url(../images/cli.png) no-repeat center center;transform:rotate(90deg);transition:transform .3s ease-out;}
 .product_left .pl_right i.on{transform:rotate(-90deg);}
 .product_right{width:96%;padding:0rem 2% 1rem;}
 .product_right .pr_ul{width:100%;overflow:hidden;}
 .product_right .pr_ul .swiper-slide{margin-top:20px!important;width:49%;}
 .product_right .pr_ul .swiper-slide .s_img{width:100%;height:0;padding-bottom:66.67%;border:1px solid #DDD;box-sizing:border-box;position:relative;}
 .product_right .pr_ul .swiper-slide .s_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
 .product_right .pr_ul .swiper-slide p{background:#DEDEDE;height:2rem;line-height:2rem;text-align:center;padding:0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
 .product_right .pr_ul .swiper-slide p a{color:#333;}


.cp_zi{ font-size:24px; color:#00b311; font-weight:bold; text-align:center; padding:20px 0}
.cp_dh{ background:url(../images/dh.png) no-repeat 18px; padding-left:70px; font-size:15px; color:#00b311; font-weight:bold}
.cp_dh span{ font-size:18px;}

.cpgd_bt{ overflow:hidden}
.cpgd1{ float:left; background:url(../images/c_l.png) no-repeat 0px 7px; font-size:27px; color:#555555; font-weight:bold; padding-left:20px;}
.cpgd2{ float:left; background:url(../images/cp_h.jpg) no-repeat; height:20px; width:60%; margin-left:50px; margin-top:10px;}
.cpgd3{ float:right; font-size:16px; padding-top:10px;}



.center .slid_img1{ margin:0 7px; }
.center .slid_img1 img{ border:1px solid #d6d7da}
.center .slid_img1 p{  line-height:40px;}
.center .slid_img1 p a{ color:#191919; font-size:16px}
.center .slid_img1 p a:hover{ color:#191919}

.center .slick-prev{ display:none !important}
.center .slick-next{ display:none !important}


/*选择我们*/

.cy{ height:100%; margin:0px auto; background:#fd1100; margin:25px 0}
.cy:nth-child(odd){background:#f0f0f0;}
.cy img{max-width:100%;}
.cy .row{ height:100%; position:relative}
.cy .st{ height:100%; width:80px; position:absolute; top:0; left:47.5%; z-index:100; background:#FFF }
.cy .col-md-6{ padding:0px; height:100%;} 
.cy .cy_l{ text-align:left; z-index:2; background:#FFF; padding-left:37px; }
.cy .cy_r{ text-align:right;z-index:2; background:#FFF;padding-right:43px;}
.cy .ys_zi{ width:70%; margin-left:180px; padding-top:20px;}
.cy .ys_zi .ys_zi1 span{ font-size:32px; color:#222222;font-weight:bold;}
.cy .ys_zi .ys_zi1{ font-size:24px; color:#b5b5b5;font-weight:bold; overflow:hidden;border-bottom:1px solid #dedede; padding-bottom:5px;}
.cy .ys_zi .ys_zi1 .ys_zi1_1{ font-size:76px; color:#fd1100; font-weight:bold}
.cy .ys_zi .ys_zi1 .ys_zi1_2{ padding-top:15px; padding-left:15px;}
.cy .ys_zi .ys_zi2{ font-size:14px; color:#848484;  padding-top:15px; line-height:1.8;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 6;  line-clamp: 6;  -webkit-box-orient: vertical;}


.cy .ys_zi_s{ width:70%; margin-left:80px; padding-top:20px;}
.cy .ys_zi_s .ys_zi1 span{ font-size:32px; color:#ffffff;font-weight:bold;}
.cy .ys_zi_s .ys_zi1{ font-size:24px; color:#f8554a;font-weight:bold; overflow:hidden;border-bottom:1px solid #dedede; padding-bottom:5px;}
.cy .ys_zi_s .ys_zi1 .ys_zi1_1{ font-size:76px; color:#ffcfcc; font-weight:bold}
.cy .ys_zi_s .ys_zi1 .ys_zi1_2{ padding-top:15px; padding-left:15px;}
.cy .ys_zi_s .ys_zi2{ font-size:14px; color:#ffffff;  padding-top:15px; line-height:1.8;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 6;  line-clamp: 6;  -webkit-box-orient: vertical;}



@media (max-width:1600px) {
.cy .ys_zi{ width:90%; margin:5px auto;}
.cy .ys_zi .ys_zi1 span{ font-size:24px; color:#222222;font-weight:bold;}
.cy .ys_zi .ys_zi1{ font-size:20px; color:#222222;font-weight:bold;}
}

@media (max-width:1320px) {
.cy .cy_l{ text-align:left; z-index:2; background:#FFF; padding-left:0; }
.cy .cy_r{ text-align:right;z-index:2; background:#FFF;padding-right:0;}
.cy .ys_zi{ width:90%; margin:5px auto;}
.cy .ys_zi_s{ width:90%; margin:5px auto;}
.cy .ys_zi .ys_zi1 span{ font-size:20px; color:#222222;font-weight:bold;}
.cy .ys_zi .ys_zi1{ font-size:16px; color:#222222;font-weight:bold;}
.cy .ys_zi .ys_zi2{ font-size:14px; color:#848484;  padding-top:15px; line-height:1.8;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 5;  line-clamp: 5;  -webkit-box-orient: vertical;}
}

@media (max-width:1150px) {
.cy .ys_zi{ width:90%; margin:5px auto;}
.cy .ys_zi .ys_zi1 span{ font-size:20px; color:#222222;font-weight:bold;}
.cy .ys_zi .ys_zi1{ font-size:16px; color:#222222;font-weight:bold;}
.cy .ys_zi .ys_zi2{ font-size:14px; color:#848484;  padding-top:15px; line-height:1.8;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  line-clamp: 4;  -webkit-box-orient: vertical;}
}

@media (max-width:992px) {
.cy img{width:100%;}
}


@media (max-width:768px) {
.cy{margin:0}
.cy .col-md-6{ padding-left:15px; padding-right:15px; height:100%;} 
.cy .ys_zi{ width:90%; margin:10px auto; padding-bottom:15px;}
.cy .ys_zi_s{ width:90%; margin:10px auto;padding-bottom:15px;}

.cy .ys_zi .ys_zi1 span{ font-size:20px; color:#222222;font-weight:bold;}
.cy .ys_zi .ys_zi1{ font-size:20px; color:#b5b5b5;font-weight:bold; overflow:hidden;border-bottom:1px solid #dedede; padding-bottom:5px;}
.cy .ys_zi .ys_zi1 .ys_zi1_1{ font-size:50px; color:#fd1100; font-weight:bold}
.cy .ys_zi .ys_zi1 .ys_zi1_2{ padding-top:10px; padding-left:15px;}
.cy .ys_zi .ys_zi2{ font-size:14px; color:#848484;  padding-top:15px; line-height:1.8;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 6;  line-clamp: 6;  -webkit-box-orient: vertical;}

.cy .ys_zi_s .ys_zi1 span{ font-size:20px; color:#ffffff;font-weight:bold;}
.cy .ys_zi_s .ys_zi1{ font-size:20px; color:#f8554a;font-weight:bold; overflow:hidden;border-bottom:1px solid #dedede; padding-bottom:5px;}
.cy .ys_zi_s .ys_zi1 .ys_zi1_1{ font-size:50px; color:#ffcfcc; font-weight:bold}
.cy .ys_zi_s .ys_zi1 .ys_zi1_2{ padding-top:10px; padding-left:15px;}
.cy .ys_zi_s .ys_zi2{ font-size:14px; color:#ffffff;  padding-top:15px; line-height:1.8;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 6;  line-clamp: 6;  -webkit-box-orient: vertical;}


}




/*横条广告*/
.ht{ background:url(../images/ht.jpg) no-repeat top center; background-size:cover; padding:35px 0; overflow:hidden}
.ht1{ font-size:34px; font-weight:bold; color:#FFF; padding-left:180px; padding-top:17px;}
.ht2{ font-size:20px; font-weight:bold; color:#FFF; padding-left:180px;padding-top:25px;}

.ht3{  color:#FFF; padding-top:0px; text-align:right; font-size:26px; font-weight:bold; line-height:28px}
.ht3 a{ color:#ffffff; font-size:16px; background:#0e4cf6; padding:8px 15px; border-radius:15px;}
.ht3 p:last-child{ margin-top:10px;}

@media (max-width:1320px) {
.ht1{ font-size:34px; font-weight:bold; color:#FFF; padding-left:0; padding-top:17px;}
.ht2{ font-size:20px; font-weight:bold; color:#FFF; padding-left:0;padding-top:25px;}	
}

@media (max-width : 992px) {
.ht1{ font-size:24px; font-weight:bold; color:#FFF; padding-left:0; }
.ht2{ font-size:18px; font-weight:bold; color:#FFF; padding-left:0}
.ht3{  color:#FFF; padding-top:0px; text-align:left; font-size:26px; font-weight:bold; line-height:28px; margin-top:20px;}
}





/*案例*/



.cpfl-cp .slid_img1{ margin:0 7px; }
.cpfl-cp .slid_img1 img{ border:1px solid #eeeeee;display:block;}
.cpfl-cp .slid_img2 a{display:block;width:100%;padding-bottom:75%;position:relative;}
.cpfl-cp .slid_img2 img{ border:1px solid #eeeeee;display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:contain;}
.cpfl-cp .slid_img1 p{ width:100%; line-height:40px; background:#f1f1f1}
.cpfl-cp .slid_img1 p a{ color:#666666;}
.cpfl-cp .slid_img1 p a:hover{ color:#666666}

.center2 .slick-prev{   left: -50px;background: url(../images/c_l.png) no-repeat;  width: 10px; height: 27px; }
.center2 .slick-next{  right: -50px;background: url(../images/c_r.png) no-repeat;  width: 10px; height: 27px; }


/*关于我们*/

.about{ background:#f4f4f4;padding-bottom:10px; position:relative}

.about_nr{ background:#FFF; -moz-box-shadow:2px -2px 8px #999999; -webkit-box-shadow:2px -2px 8px #999999; box-shadow:2px -2px 8px #999999;}
.about_tu img{ max-width:100%;}

.about_zi{ padding:15px 30px 0}
.about .a1{ font-size:28px; color:#4e5357; font-weight:bold; padding-top:15px;}
.about .a2{ font-size:16px; color:#a1a1a1;padding:15px 0 20px 0;}
.about .a3{ font-size:15px; color:#777777; line-height:2; padding:15px 0 35px;}
.about .a4 a{ border:1px solid #3e3e3e; padding:12px 50px; font-size:14px;}


@media (max-width : 992px) {
.about_zi{ padding:15px 30px 35px}
.about .a1{ font-size:20px; color:#4e5357; font-weight:bold; padding-top:15px;}
.about .a2{ font-size:12px; color:#a1a1a1;padding:15px 0 10px 0;}
.about .a3{ font-size:14px; color:#777777; line-height:2; padding:15px 0 30px;}
.about .a4 a{ border:1px solid #3e3e3e; padding:12px 50px; font-size:14px;}
}

/*新闻中心*/
/*news*/
#news{padding:50px 0 20px; border-bottom:2px solid #e0e0e0}
#news .news_content{margin-top:18px;}
#news .news_content .news_title{text-align:center;font-size:0;-webkit-text-size-adjust:none;}
#news .news_content .news_title span{display:inline-block;font-size:16px;position:relative; background:#dadada;text-align:center;padding:0 50px;line-height:40px;height:40px;cursor:pointer;color:#3f3f3f;margin-left:19px;border-radius:20px}
#news .news_content .news_title span:first-child{margin-left:0;}
#news .news_content .news_title span.hover{color:#FFF;background:#fd1100;}
#news .news_content .news_li{margin-top:36px;position:relative;}
#news .news_content .news_li .news_left{width:51%;float:left;}
#news .news_content .news_li .news_left .news_img{width:100%;height:auto;}
#news .news_content .news_li .news_left .news_img img{width:100%;height:100%;display:block;}
#news .news_content .news_li .news_left .news_txt{margin-top:14px;}
#news .news_content .news_li .news_left .news_txt .news_h2{height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;font-size:18px;}
#news .news_content .news_li .news_left .news_txt .news_h2 a{color:#fd1100;}
#news .news_content .news_li .news_left .news_txt p{color:#888;line-height:24px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .news_right{width:47%;float:right;}
#news .news_content .news_li .news_right a{padding:20px 0 16px;display:block;height:138px;border-bottom:1px solid #E3E3E3;}
#news .news_content .news_li .news_right a:last-child{border-bottom:0px;}
#news .news_content .news_li .news_right a:first-child{padding-top:0;height:118px;}
#news .news_content .news_li .news_right a .time{width:71px;height:81px;border-radius:1px;float:left;}
#news .news_content .news_li .news_right a .time .day{font-size:45px; font-weight:bold;display:block;line-height:58px;height:58px;text-align:center;color:#343434;margin-top:2px;}
#news .news_content .news_li .news_right a .time .year{height:23px;padding-bottom:7px;background:#FFF;line-height:21px;display:block;text-align:center;color:#343434;font-size:12px;padding-bottom:2px;}
#news .news_content .news_li .news_right a .txt{width:calc(100% - 81px);float:right;}
#news .news_content .news_li .news_right a .txt p{color:#888;line-height:24px;font-size:14px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .news_right a .txt p:first-child{font-size:18px;color:#333;line-height:33px; padding-bottom:10px;height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#news .news_content .news_li .question_list{}
#news .news_content .news_li .question_list a{width:48%;padding:11px 0;display:block;height:108px;border-bottom:1px solid #E3E3E3;margin-left:4%;float:left;}
#news .news_content .news_li .question_list a:nth-child(odd){margin-left:0;}
#news .news_content .news_li .question_list a .time{width:71px;height:81px;background:#E3E3E3;border-radius:1px;float:left;}
#news .news_content .news_li .question_list a .time .day{font-size:34px;display:block;line-height:58px;height:58px;text-align:center;color:#343434;margin-top:2px;}
#news .news_content .news_li .question_list a .time .year{height:23px;padding-bottom:7px;background:#FFF;line-height:21px;display:block;text-align:center;color:#343434;font-size:12px;padding-bottom:2px;}
#news .news_content .news_li .question_list a .txt{width:calc(100% - 81px);float:right;}
#news .news_content .news_li .question_list a .txt p{color:#888;line-height:24px;font-size:12px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .question_list a .txt p:first-child{font-weight:bold;font-size:15px;color:#333;line-height:33px;height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}






 /*友情链接*/
  .yqlj{ background:#FFF; margin:1vh auto}
 .f_left{position:relative; padding:2.5vh 0}
 .yqlj .f_left:after{content:'';position:absolute;right:-4px;top:29px;width:1px;height:40px;background:#dcdcdc;}
 .yqlj .f_left p{color:#a5a6aa; margin-bottom:0; text-align:left}
 .yqlj .f_left p span{font-size:16px;font-weight:bold;color:#000407;}
 .yqlj .f_left i{width:29px;height:3px;background:#fd1100;border-left:1px solid #fd1100;display:block;margin-top:27px;}
 .yqlj .f_right{ padding:1.5vh 0}
 .yqlj .f_right a{display:inline-block;height:28px;line-height:28px;padding:0 15px;white-space:nowrap; color:#333}


/*底部*/

#footer{ background:#3e3e3e; padding:0;}
#footer .f3{ text-align:right; font-size:14px; color:#898989;}


		.f_k{ overflow:hidden; margin:0 auto; margin-top:20px; }

		input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ffffff; font-size:14px; text-indent:0.3cm } 
		input:-moz-placeholder, textarea:-moz-placeholder {  color: #ffffff; font-size:14px; text-indent:0.3cm } 
		input::-moz-placeholder, textarea::-moz-placeholder {  color: #ffffff; font-size:14px; text-indent:0.3cm } 
		input:-ms-input-placeholder, textarea:-ms-input-placeholder {  color: #ffffff; font-size:14px; text-indent:0.3cm } 
	
	 .f_k input{background:#ffffff; width:100%; border:1px solid #656565; color:#999999}
	 .f_k input::-webkit-input-placeholder {color: #999999;}
	 .f_k .form-control{ border-radius:0; padding:2.5vh 0; text-indent:0.2cm}
	 .f_k .btn{background:#fd1100;display:block;color:#FFF;text-align:center;padding:1.4vh 0; border-radius:0; border:none}

.footer_s{ border-top:2px solid #363636; padding-top:40px; margin-top:40px; padding-bottom:30px; overflow:hidden}
.f_ewm{ text-align:center; padding-top:22px;}
.f_ewm img{ max-width:100%}
.f_lx{ color:#FFF; font-size:15px;} 
.f_lx .f_lx_1{ overflow:hidden; margin-top:20px;}
.f_lx .f_lx_1 .fa{ width:45px; height:45px; border:1px solid #FFFFFF; border-radius:50%; text-align:center; color:#FFF; line-height:45px; font-size:18px; margin-right:30px; }
.f_lx .f_lx_2{ width:calc(100% - 75px)}
.f_lx .f_lx_2 span{ font-size:26px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-weight:bold}
.f_logo{ text-align:center; padding-top:12px;margin-right:15px;}
.f_logo img{ max-width:100%}

.footer_x{ background:#292929; padding:15px 0; color:#828282; line-height:25px;}
.footer_x a{ color:#828282}
.footer_x a:hover{ color:#FFF;}

@media screen and (max-width:768px){
.footer_s{ border-top:2px solid #363636; padding-top:20px; margin-top:20px; padding-bottom:30px; overflow:hidden}
.f_lx .f_lx_1 .fa{ width:45px; height:45px; border:1px solid #FFFFFF; border-radius:50%; text-align:center; color:#FFF; line-height:45px; font-size:16px; margin-right:30px; margin-top:10px; }
.f_lx .f_lx_1 span{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-weight:bold}
.f_logo{ text-align:center; padding-top:25px;}
	}


/*1350屏幕*/
@media screen and (max-width:1249px){

	.p_left{width:240px;}
	.p_left h2{height:100px;line-height:100px;}
	.p_left .p_ul>a{line-height:50px;font-size:15px;background-position:15px 24px;}
	.p_left .p_ul>a.on,.p_left .p_ul>a:hover{background-position:15px 24px}
	.p_left .p_ul ul{padding:12px 10px;}
	.p_left .p_ul ul li{line-height:30px;font-size:14px;}
	.p_left .p_bottom{padding:18px 5px 16px;}
	.p_left .p_bottom .p_txt p:last-child{font-size:27px;}
	.product .p_right{width:calc(100% - 260px);}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
}



/*992屏幕*/
@media screen and (max-width:991px){
	#mobilehead{display:block;}
	.top{display:none;}
	#navbg{display:none;}
	#mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	#mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box.nav_box1{top:70px;}
	
     .p_left{display:none;}
	.p_class{display:block;}
	.product .p_right{width:calc(100% - 30px); margin:0 auto; float:none;}
	.product .p_right h2{margin:20px 0;}
	.product{padding:15px 0;}
	.product .p_li{width:32%;margin-left:2%;}
	.product .p_li:nth-child(4n+1){margin-left:2%;}
	.product .p_li:nth-child(3n+1){margin-left:0;}
	.ht3 p{text-align:left!important;}
	.ht3 p span{display:inline-block;vertical-align:top;}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;}
	
	
}

@media screen and (max-width:768px){

	.p_class h2{display:none;}
	.p_class .p_class_li{width:calc(100% - 30px); margin:0 auto;float:none;}
	.product .p_content .p_li{width:48%;margin-left:4%;}
	.product .p_content .p_li:nth-child(3n+1){margin-left:4%;}
	.product .p_content .p_li:nth-child(odd){margin-left:0;}
	
	
    #news{padding:20px;}
	#news .news_content .news_title span{display:inline-block;font-size:14px;position:relative;text-align:center;padding:0 25px;line-height:30px;height:30px;cursor:pointer;color:#3f3f3f;margin-left:5px;border:1px solid #e5e5e5;}
	#news .news_content .news_li .news_left{width:100%;}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	#news .news_content .news_li .news_right{width:100%;margin-top:20px;}
	#news .news_content .news_li .question_list a{width:100%;margin-left:0;}
	
	}


/*500屏幕*/
@media screen and (max-width:499px){
	#mobilehead{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 50px;}
	#mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box{top:70px;}
	#mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	.pb_title .sub_title{font-size:13px;line-height:22px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:48%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:4%;margin-top:7px;}
	.product .p_class a:nth-child(2n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:100%;}
	.product .p_btn a{width:48%;margin-left:4%;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:50%;}
	#solutionbg .solution_c .solution_c_left1 li:first-child{width:50%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:5px 10px 0 10px;}
	#solutionbg .solution_c .solution_c_right .r_ul{margin-top:0px;}
	#solutionbg .solution_c .solution_c_right .r_li{width:100%;float:none;margin-left:0;margin-top:20px;}
	#solutionbg .solution_c .solution_c_right .r_btn{ margin:10px auto;float:none;}
	#solutionbg .solution_c .solution_c_right .r_btn a{width:48%;margin-left:4%;}
	
	.info_title h2{font-size:22px;height:36px;line-height:36px;}
	.info_title i{margin:10px 0;}
	.info .info_btn a{width:130px;margin-left:10px;}
	.info .info_ul .info_li .info_p p:last-child{font-size:12px;letter-spacing:-1px;}
	#news .news_content .news_title span{width:32%;margin-left:2%;padding:0 0;font-size:14px;}
	#news .news_content .news_title span:first-child{margin-left:0;}
}

@media screen and (min-width:768px) and (max-width:991px){

	#solutionbg .solution_c .solution_c_left{width:200px;}
	#solutionbg .solution_c .solution_c_right{width:calc(100% - 200px);}

}


@media screen and (min-width:668px) and (max-width:767px){

	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:40px 0 0 0;}

}
@media screen and (min-width:500px) and (max-width:667px){
	.pb_title .sub_title{font-size:14px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:32%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:2%;margin-top:7px;}
	.product .p_class a:nth-child(3n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:50%;}
	.product .p_content .p_li .p_txt p:first-child{font-size:16px;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:33%;}
	#solutionbg .solution_c .solution_c_left1 li:nth-child(3n+1){width:34%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:20px 0 0 0;}
}

@media screen and (max-width:667px){
	.pb_title .pb_cn{font-size:24px;line-height:42px;height:42px;}
}


@media screen and (max-width:991px){
	#navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}
	#navbg .nav .secondfloor{top:55px;}
	.index_banner{padding-bottom:40%;}
	#stylepbulic{height:200px;}
	#footbottombg{padding-bottom:55px;}
}

/*鐢佃剳娴姩*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


/*手机浮动*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display:none;}
#floatBottom a{width:33.33%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../Image/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../Image/kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(../Image/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../Image/kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}

@media screen and (max-width:1023px){
	#floatBottom{display:block;}
}